import Vue from 'vue';
import VueRouter from 'vue-router';
import routes from './router/router.js';
import store from './store/'
import FastClick from 'fastclick';
import {routerMode} from './config/env.js';
import './config/rem.js';

// DOMContentLoaded 其target属性为 document
// 当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，
// 从点击屏幕上的元素到触发元素的 click 事件，移动浏览器会有大约 300 毫秒的等待时间。
// 看看是否要进行双击（double tap）操作。
if('addEventListener' in document){
	document.addEventListener('DOMContentLoaded', function(){
		FastClick.attach(document.body)
	},false)
}

Vue.use(VueRouter)
const router = new VueRouter({
	routes,
	mode: routerMode,	// 切换路径模式
	strict: process.env.NODE_ENV !== 'production',
	scrollBehavior(to, from, savedPosition){
		// 返回 savedPosition，在按下 后退/前进 按钮的时候
		if(savedPosition){
			return savedPosition	//记录滚动条的位置
		}else{
			if(from.meta.keepAlive){
				// 如果keepAlive的话，保存停留的位置
				from.meta.savedPosition = document.body.scrollTop;
			}
			// 返回保存的滚动条信息 没有则为顶部
			return { x: 0, y: to.meta.savedPosition || 0}
		}

	}

})

// 这种挂载是直接挂载到入口文件index.html 的 id=app 的dom 元素上
new Vue({
	router,
	store,
}).$mount("#app")